<template>
    <div>
      <el-steps :active="active" finish-status="success">
        <el-step title="步骤 1">
          <span>11111111111111111111</span>
        </el-step>
        <el-step title="步骤 2">
          <span>222222222222222</span>
        </el-step>
        <el-step title="步骤 3"></el-step>
      </el-steps>

      <el-button style="margin-top: 12px;" @click="next">下一步</el-button>
    </div>
</template>

<script>
    export default {
        name: "steps",
      data() {
        return {
          active: 1
        };
      },
      methods: {
        next() {
          if (this.active++ > 2) this.active = 0;
        }
      }
    }
</script>

<style scoped>

</style>
